<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:common="http://java.sun.com/jsf/composite/common">

<composite:interface>
	<composite:attribute name="ordenProd"></composite:attribute>
</composite:interface>

<composite:implementation>
	<p:panelGrid styleClass="table table-bordered table-striped"
		id="accordionWrapper">
		<f:facet name="header">
			<p:row>
				<p:column colspan="3">Extrusion</p:column>
			</p:row>
		</f:facet>
		<p:row>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Fecha Inicio: "></h:outputText>
				<h:outputText value="#{cc.attributes.extrusion.fechaInicio}"
					id="startDateCal">
					<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
				</h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Maquina: "></h:outputText>
				<h:outputText
					value="#{cc.attributes.ordenProd.extrusion.maquina.maqCodigo}"
					id="codigoMaquina"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Fecha Final: "></h:outputText>
				<p:inplace id="fechaFinInplace" editor="true" styleClass="text-info"
					emptyLabel="Modificar">
					<h:outputText value="#{cc.attributes.extrusion.fechaFin}"
						pattern="dd/MM/yyyy HH:mm" id="endDateCal">
						<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />
					</h:outputText>
				</p:inplace>
			</p:column>
		</p:row>
		<p:row>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Ancho: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.item.ancho}"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Largo: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.item.largo}"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Espesor: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.item.espesor}"></h:outputText>
			</p:column>
		</p:row>
		<p:row>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Gramos x m2: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.extrusion.grm2}">
					<f:convertNumber maxFractionDigits="2"></f:convertNumber>
				</h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Gramaje: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.extrusion.gramaje}">
					<f:convertNumber maxFractionDigits="2"></f:convertNumber>
				</h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="PB: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.extrusion.pesoBolsa}">
					<f:convertNumber maxFractionDigits="2"></f:convertNumber>
				</h:outputText>
			</p:column>
		</p:row>
		<p:row>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Tipo de bolsa: "></h:outputText>
				<h:outputText
					value="#{cc.attributes.ordenProd.item.itemTipo.descripcion}"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Tipo de material: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.item.densidad}"
					converter="DensidadConverter"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Tratado: "></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.item.tratado}"></h:outputText>
			</p:column>
		</p:row>
		<p:row>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Metros: "
					for="metrosInplace"></h:outputText>
				<h:outputText value="#{cc.attributes.ordenProd.extrusion.metros}"
					style="width:90px;">
					<f:convertNumber maxFractionDigits="2"></f:convertNumber>
				</h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Bobinas: "></h:outputText>
				<h:outputText style="width:90px;"
					value="#{cc.attributes.ordenProd.extrusion.bobinas}"></h:outputText>
			</p:column>
			<p:column>
				<h:outputText style="font-weight: bold;" value="Kilos: "></h:outputText>
				<h:outputText id="kilosValue"
					value="#{cc.attributes.ordenProd.extrusion.kilos}">
					<f:convertNumber maxFractionDigits="2"></f:convertNumber>
				</h:outputText>
			</p:column>
		</p:row>
	</p:panelGrid>
</composite:implementation>
</html>